/*  
Theme Name: ForTheLoss V3
Theme URI: http://ForTheLoss.org
Version: 1.0.0
Author: Ralph Damiano
Author URI: http://ForTheLoss.org
*/

/*
 * Defaults
*/

*
{
	margin: 0px;
	padding: 0px;
}

.bold
{
	font-weight: bold;
}

img.aligncenter
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignleft
{
	float: left;
	margin-left: 4px;
	margin-right: 16px;
}

img.alignright
{
	float: right;
	margin-left: 16px;
	margin-right: 4px;
}

.post-body img.wp-smiley,
.comment-content img.wp-smiley
{
   display: inline;
   border: 0;
   background: transparent;
   padding: 0px;
   margin: 0px;
   box-shadow: none;
   -moz-box-shadow: none;
	-webkit-box-shadow: none;
   
}

.clear-both
{
	clear: both;
}

img
{
	border: 0px;
}

body
{
	color: #333;
	font-family: "Arial", sans-serif;
	font-size: 12px;
	line-height: 1.8em;
	background: #DDD url(../images/bg.gif) repeat;
}

/*
 * Navbar
*/

#navbar
{
	width: 100%;
	height: 56px;
	overflow: hidden;
	background: transparent url(../images/navbar-bg.gif) repeat-x;
}

#navbar-center
{
	width: 100%;
	height: 56px;
	overflow: hidden;
	background: transparent url(../images/navbar-color-tint.png) top center no-repeat;
}

#navbar-center ul
{
	height: 31px;
	list-style-type: none;
	text-align: center;
	overflow: hidden;
	padding: 9px 0px 0px;
}

#navbar-center ul li
{
	display: inline;
	padding: 0px 20px;
}

#navbar-center ul li a:link,
#navbar-center ul li a:visited
{
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 0px 1px 4px #222;
}

#navbar-center ul li.current_page_item a:link,
#navbar-center ul li.current_page_item a:visited
{
	color: #3b67a3;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 0px 1px 4px #FFF;
}

#navbar-center ul li a:hover
{
	color: #3b67a3;
	text-shadow: 0px 1px 4px #FFF;
}

/*
 * Header
*/

#header
{
	width: 956px;
	overflow: hidden;
	padding: 20px 0px;
	margin: 0 auto;
}

.logo
{
	width: 312px;
	height: 86px;
	float: left;
	clear: left;
	text-align: center;
	margin: 0px 0px 0px 40px;
}

.header-ad
{
	width: 468px;
	height: 60px;
	float: right;
	clear: right;
	text-align: center;
	overflow: hidden;
	margin: 12px 40px 0px 0px;
	border: 2px solid #FFF;
	-moz-box-shadow: 0px 1px 4px #AAA;
	-webkit-box-shadow: 0px 1px 4px #AAA;
	box-shadow: 0px 1px 4px #AAA;
}

/*
 * Container
*/

#container-container
{
	width: 956px;
	overflow: hidden;
	padding: 0px;
	margin: 0 auto;
}

#container-top
{
	width: 956px;
	height: 260px;
	overflow: hidden;
	padding: 0px;
	margin: 0 auto;
	background: url(../images/container-bg-top.png) no-repeat;
}

#container
{
	width: 956px;
	padding: 0px;
	margin: 0 auto;
	background: url(../images/container-bg.png) repeat-y;
}

#container-bottom
{
	width: 956px;
	height: 58px;
	overflow: hidden;
	padding: 0px;
	margin: 0 auto;
	background: url(../images/container-bg-bottom.png) no-repeat;
}

/*
 * Content
*/

#content-container
{
	width: 514px;
	float: left;
	clear: left;
	overflow: hidden;
	margin: -210px 0px 0px 51px;
}

#content
{
	width: 514px;
	min-height: 20px;
	overflow: hidden;
	background: url(../images/content-bg.png) repeat-y;
}

.content-top
{
	width: 514px;
	height: 45px;
	background: url(../images/content-bg-top.png) no-repeat;
}

.content-bottom
{
	width: 514px;
	height: 26px;
	background: url(../images/content-bg-bottom.png) no-repeat;
}

#infobox
{
	width: 500px;
	min-height: 50px;
	overflow: hidden;
	color: #444;
	font-size: 12px;
	margin: 10px 0px 20px 7px;
	background: url(../images/infobox-bg-top.gif) top center no-repeat,
				url(../images/infobox-bg-bottom.gif) bottom center no-repeat,
				url(../images/infobox-bg.gif) top center repeat-y;
}

.infobox-left
{
	width: 280px;
	float: left;
	clear: left;
	overflow: hidden;
	line-height: 1.4em;
	margin: 40px 0px 20px 26px;
}

.infobox-right
{
	width: 150px;
	float: right;
	clear: right;
	text-align: center;
	overflow: hidden;
	margin: 40px 21px 20px 0px;
}

#infobox a:link,
#infobox a:visited
{
	text-decoration: none;
	color: #d94f5f;
	font-size: 12px;
}

#infobox a:hover
{
	text-decoration: underline;
}

.infobox-left ul
{
	padding: 0px 0px 0px 12px;
	list-style-image: url(../images/ul.gif);
}

.infobox-left ul li
{
	padding: 4px 0px;
}

.infobox-left span.infobox-upper
{
	display: block;
	color: #222;
}

.infobox-left span.infobox-lower
{
	display: block;
	font-style: italic;
}

.infobox-game-image
{
	width: 140px;
	height: 90px;
	overflow: hidden;
	padding: 4px 5px 6px;
	margin: 0 auto;
	background: url(../images/infobox-image.gif) no-repeat;
}

.infobox-game-image img
{
	opacity: 0.75;
	filter:alpha(opacity=75); /* For IE8 and earlier */
}

.infobox-game-image img:hover
{
	opacity: 1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

/*
 * Content -- Post
*/

.post-container
{
	width: 476px;
	overflow: hidden;
	padding: 0px 12px;
	margin: 10px 0px 20px 7px;
	background: url(../images/post-bottom.gif) bottom center no-repeat;
}

.post-header
{
	width: 476px;
	overflow: hidden;
}

.post-date
{
	width: 88px;
	height: 48px;
	float: left;
	clear: left;
	color: #333;
	font-size: 12px;
	line-height: 1.4em;
	overflow: hidden;
	text-align: center;
	padding: 10px 0px 0px;
	background: url(../images/post-date-box.png) no-repeat;
}

.post-date span
{
	display: block;
}

.post-date span.month-day
{
	font-weight: bold;
}

.post-header-right
{
	width: 376px;
	float: right;
	clear: right;
	overflow: hidden;
}

.post-header-information
{
	width: 276px;
	float: left;
	clear: left;
	overflow: hidden;
}

.post-header-information h1
{
	color: #333;
	line-height: 1.2em;
	font-size: 22px;
	font-weight: normal;
	font-family: "Arial", sans-serif;
	margin: 0px 0px 4px 0px;
}

.post-header-information h1 a:link,
.post-header-information h1 a:visited
{
	color: #333;
	text-decoration: none;
	line-height: 1.2em;
	font-size: 22px;
	font-weight: normal;
	font-family: "Arial", sans-serif;
}

.post-header-information h1 a:hover
{
	color: #d94f5f;
}

.post-header-information span
{
	display: block;
}

.post-header-information span.post-meta
{
	color: #333;
	font-size: 12px;
}

.post-header-information span.post-meta a:link,
.post-header-information span.post-meta a:visited
{
	color: #4f89d9;
	font-size: 12px;
	text-decoration: none;
}

.post-header-information span.post-meta a:hover
{
	text-decoration: underline;
}

.post-header-comments
{
	width: 79px;
	height: 50px;
	float: right;
	clear: right;
	color: #d94f5f;
	font-size: 12px;
	line-height: 1.4em;
	overflow: hidden;
	text-align: center;
	padding: 10px 0px 0px 7px;
	background: url(../images/post-comments-bubble.png) no-repeat;
}

.post-header-comments a:link,
.post-header-comments a:visited
{
	color: #d94f5f;
	font-size: 12px;
	text-decoration: none;
}

.post-header-comments a:hover
{
	color: #333;
}

.post-header-comments span
{
	display: block;
}

.post-header-comments span.comments-number
{
	font-weight: bold;
}

.post-body
{
	width: 476px;
	overflow: hidden;
	text-align: justify;
	padding: 10px 0px;
}

.post-body a:link,
.post-body a:visited
{
	color: #d94f5f;
	text-decoration: underline;
}

.post-body a:hover
{
	color: #d94f5f;
	background: #BBB;
}

.post-body h1
{
	color: #444;
	font-size: 20px;
	font-style: italic;
	text-shadow: 0px 2px 2px #FFF;
	padding: 10px;
	margin: 10px 0px;
	border-top: 1px dotted #AAA;
	border-bottom: 1px dotted #AAA;
	background: #D8D8D8;
}

.post-body h2
{
	color: #444;
	font-size: 18px;
	font-style: italic;
	text-shadow: 0px 2px 2px #FFF;
	padding: 10px;
	margin: 10px 0px;
	border-top: 1px dotted #AAA;
	border-bottom: 1px dotted #AAA;
}

.post-body h3
{
	color: #444;
	font-size: 16px;
	font-style: italic;
	text-shadow: 0px 2px 2px #FFF;
	padding: 10px;
	margin: 10px 0px;
	border-top: 1px dotted #AAA;
	border-bottom: 1px dotted #AAA;
}

.post-body h4,
.post-body h5,
.post-body h6
{
	color: #555;
	font-size: 14px;
	text-shadow: 0px 2px 2px #FFF;
	padding: 10px;
	margin: 10px 0px;
	border-top: 1px dotted #AAA;
	border-bottom: 1px dotted #AAA;
}

.post-body p
{
	padding: 10px 0px;
}

.post-body ul,
.post-body ol
{
	padding: 8px 0px 8px 20px;
}

.post-body li
{
	padding: 2px 0px;
}

.post-body ul
{
	list-style-image: url(../images/ul.gif);
}

.post-body blockquote
{
	color: #555;
	font-style: italic;
	padding: 0px 10px;
	margin: 10px 0px 20px;
	background: #D8D8D8;
	border: 1px dotted #BBB;
}

.post-body pre
{
	background: #EEE;
	padding: 10px;
	margin: 10px 0px;
}

.post-body code
{
	color: #555;
}

.post-body img
{
	max-width: 466px;
	padding: 4px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 0px;
	background: #EEE;
	-moz-box-shadow: 0px 1px 4px #999;
	-webkit-box-shadow: 0px 1px 4px #999;
	box-shadow: 0px 1px 4px #999;
}

.post-body a:link img,
.post-body a:visited img
{
	opacity: 0.75;
	filter:alpha(opacity=75); /* For IE8 and earlier */
}

.post-body a:hover img
{
	opacity: 1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

/*
 * Sidebar
*/

#sidebar-container
{
	width: 314px;
	float: right;
	clear: right;
	overflow: hidden;
	margin: -209px 51px 0px 0px;
}

#sidebar
{
	width: 314px;
	min-height: 20px;
	overflow: hidden;
	background: url(../images/sidebar-bg.png) repeat-y;
}

.sidebar-top
{
	width: 314px;
	height: 45px;
	background: url(../images/sidebar-bg-top.png) no-repeat;
}

.sidebar-bottom
{
	width: 314px;
	height: 26px;
	background: url(../images/sidebar-bg-bottom.png) no-repeat;
}

.sidebar-box
{
	width: 276px;
	overflow: hidden;
	padding: 0px 12px;
	margin: 15px 7px 25px;
}

.sidebar-box a:link,
.sidebar-box a:visited
{
	text-decoration: none;
	color: #d94f5f;
	font-size: 12px;
}

.sidebar-box a:hover
{
	text-decoration: underline;
}

.sidebar-box h2
{
	width: 248px;
	height: 26px;
	color: #555;
	font-style: italic;
	font-weight: normal;
	font-size: 22px;
	text-transform: lowercase;
	overflow: hidden;
	padding: 12px 26px;
	margin: 0px 0px 10px -12px;
	background: url(../images/sidebar-h2.gif) no-repeat;
}

.sidebar-box ul
{
	list-style-image: url(../images/ul.gif);
	padding: 0px 0px 0px 22px;
}

.sidebar-box ul li
{
	padding: 2px 0px;
}

.sidebar-box ul li a:link,
.sidebar-box ul li a:visited
{
	color: #444;
	font-size: 12px;
	text-decoration: none;
	padding: 2px 0px;
}

.sidebar-box ul li a:hover
{
	color: #d94f5f;
	border-bottom: 1px dotted #888;
}

.sidebar-box div.textwidget
{
	padding: 2px 12px;
}

label.screen-reader-text
{
	display: block;
}

input#s
{
	padding: 2px;
	color: #444;
	font-size: 11px;
	font-family: "Arial", sans-serif;
}

input#searchsubmit
{
	color: #444;
	font-size: 12px;
	font-family: "Arial", sans-serif;
}

/*
 * Comments
*/

#comments
{
	width: 476px;
	overflow: hidden;
	padding: 0px 12px;
	margin: 0px 0px 20px 7px;
}

#comments ol
{
	width: 476px;
	overflow: hidden;
	list-style-type: none;
}

#comments ol li.comment
{
	overflow: hidden;
}

#comments ol li.depth-1
{
	padding: 10px 0px;
	margin: 0px 0px 10px;
	border-bottom: 1px dotted #AAA;
}

#comments ol li ul.children
{
	width: 90%;
	float: right;
	clear: right;
}

#comments ol li ul.children li.comment
{
	margin-left: -30px;
	padding-left: 30px;
	background: url(../images/comment-child.gif) 0px 5px no-repeat;
}

.comment-author
{
	margin: 10px 0px 12px;
	overflow: hidden;
}

.comment-author .comment-header-right
{
	display: block;
	float: left;
	margin: 0px 0px 0px 10px;
}

.comment-author img.avatar
{
	width: 50px;
	height: 50px;
	float: left;
	clear: left;
	padding: 4px;
	background: #EEE;
	-moz-box-shadow: 0px 1px 4px #999;
	-webkit-box-shadow: 0px 1px 4px #999;
	box-shadow: 0px 1px 4px #999;
	overflow: hidden;
}

.comment-author span.fn
{
	display: block;
	float: left;
	clear: left;
	color: #333;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	margin: 22px 0px 0px;
	overflow: hidden;
}

.comment-author a:link,
.comment-author a:visited
{
	color: #d94f5f;
	text-decoration: none;
}

.comment-author a:hover
{
	text-decoration: underline;
}

.comment-author span.comment-meta
{
	display: block;
	float: left;
	clear: left;
	color: #333;
	font-size: 11px;
	font-weight: bold;
	overflow: hidden;
	margin: -42px 0px 0px;
}

.comment-content
{
	overflow: hidden;
	text-align: justify;
	margin: 0px 0px 10px;
	padding: 0px 12px;
}

.comment-content a:link,
.comment-content a:visited
{
	color: #d94f5f;
	text-decoration: underline;
}

.comment-content a:hover
{
	color: #d94f5f;
	background: #BBB;
}

.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6
{
	color: #555;
	font-size: 14px;
	text-shadow: 0px 2px 2px #FFF;
	padding: 10px;
	margin: 10px 0px;
	border-top: 1px dotted #AAA;
	border-bottom: 1px dotted #AAA;
}

.comment-content p
{
	padding: 10px 0px;
}

.comment-content ul,
.comment-content ol
{
	padding: 8px 0px 8px 20px;
}

.comment-content li
{
	padding: 2px 0px;
}

.comment-content ul
{
	list-style-image: url(../images/ul.gif);
}

.comment-content blockquote
{
	color: #555;
	font-style: italic;
	padding: 0px 10px;
	margin: 10px 0px 20px;
	background: #D8D8D8;
	border: 1px dotted #BBB;
}

.comment-content pre
{
	background: #EEE;
	padding: 10px;
	margin: 10px 0px;
}

.comment-content code
{
	color: #555;
}

.comment-content img
{
	padding: 4px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 0px;
	background: #EEE;
	-moz-box-shadow: 0px 1px 4px #999;
	-webkit-box-shadow: 0px 1px 4px #999;
	box-shadow: 0px 1px 4px #999;
}

.comment-content a:link img,
.comment-content a:visited img
{
	opacity: 0.75;
	filter:alpha(opacity=75); /* For IE8 and earlier */
}

.comment-content a:hover img
{
	opacity: 1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

.comment-reply-link
{
	text-align: right;
	color: #444;
	font-size: 11px;
	font-weight: bold;
	padding: 0px 0px 10px;
}

.comment-reply-link a:link,
.comment-reply-link a:visited
{
	color: #4f89d9;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
}

.comment-reply-link a:hover
{
	text-decoration: underline;
}

#respond
{
	color: #555;
	padding: 10px;
	overflow: hidden;
	background: #D8D8D8;
	border: 1px dotted #AAA;
}

#respond a:link,
#respond a:visited
{
	color: #4f89d9;
	text-decoration: none;
}

#respond a:hover
{
	text-decoration: underline;
}

#respond h3
{
	color: #444;
	font-size: 18px;
	font-weight: normal;
	padding: 10px 0px;
	margin: 0px 0px 10px;
	border-bottom: 1px solid #AAA;
}

#respond h3 a:link,
#respond h3 a:visited
{
	color: #d94f5f;
	text-decoration: none;
}

#respond h3 a:hover
{
	text-decoration: underline;
}

#respond p#comment-notes
{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #AAA;
}

#respond #form-allowed-tags
{
	padding: 10px;
	margin: 10px 0px;
	line-height: 1.4em;
	font-size: 11px;
	font-weight: bold;
	background: #EEE;
	border: 1px dotted #AAA;
}

#respond input
{
	padding: 2px;
	color: #444;
	font-size: 11px;
	font-family: "Arial", sans-serif;
}

#respond textarea
{
	padding: 2px;
	color: #444;
	font-size: 11px;
	font-family: "Arial", sans-serif;
}

#respond input#submit
{
	font-size: 12px;
}

/*
 * PageNavi
*/

.wp-pagenavi
{
	width: 480px;
	float: left;
	clear: left;
	overflow: hidden;
	text-align: center;
	padding: 10px;
	margin: 0px 0px 0px 7px;
}

.wp-pagenavi a:link,
.wp-pagenavi a:visited
{
	width: 42px;
	height: 37px;
	float: left;
	display: block;
	text-align: center;
	color: #556479;
	font-size: 22px;
	text-decoration: none;
	text-shadow: 0px 2px 4px #FFF;
	padding: 7px 0px 0px;
	margin: 0px 4px;
	background: url(../images/pagenavi-button.png) no-repeat;
}

.wp-pagenavi a:hover
{
	color: #4f89d9;
	text-decoration: none;
}

.wp-pagenavi span.current
{
	width: 42px;
	height: 37px;
	float: left;
	display: block;
	text-align: center;
	color: #666;
	font-size: 22px;
	text-decoration: none;
	text-shadow: 0px 2px 4px #FFF;
	padding: 7px 0px 0px;
	margin: 0px 4px;
	background: url(../images/pagenavi-button-selected.png) no-repeat;
}

/*
 * Footer
*/

#footer-container
{
	width: 100%;
	min-height: 120px;
	overflow: hidden;
	text-align: center;
	padding: 50px 0px 10px;
	background: url(../images/footer-bg-top.gif) repeat-x,
				url(../images/footer-bg.gif) repeat;
}

#footer
{
	width: 900px;
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
}

.footer-ad
{
	width: 728px;
	height: 90px;
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
	-moz-box-shadow: 0px 1px 4px #181818;
	-webkit-box-shadow: 0px 1px 4px #181818;
	box-shadow: 0px 1px 4px #181818;
	background: url(../images/footer-ad.gif) no-repeat;
}

.footer-fine-print
{
	width: 100%;
	text-align: center;
	margin: 20px auto 0px;
	color: #888;
	font-size: 10px;
	line-height: 1.4em;
	text-transform: uppercase;
}

.footer-fine-print span
{
	display: block;
	margin: 6px 0px 0px;
}